<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $(".name").keyup(function(){
  //console.log($(".name").val());
  var va = $(this).val();
    $.ajax({url:"http://localhost/php/ajax/autocomplete.php?value=" + va,
		success:function(result){
		//alert("s");
      $(".option").show(),
	  $(".option").html(result);
	  $(".option ul li").each(function(){
	  $(this).click(function(){
	   var text = $(this).html();
	   $(".name").val(text);
	  });
	  
	  });
	  
	  
    },
	error:function(result){
	//alert("er");
      $(".select").html(result);
    }
	});
  });
});
</script>
</head>
<body>

<input type="text" class="name"/>
 <div class="option" style="display:none;"></div>
</body>
</html>